.case{
    min-height: 832px;
    background-color: rgb(245,245,245);
    padding-top:20px;
    .iu{
        height: 120px;
        margin-bottom: 20px;
        img{
            display: block;
            width: 100%;
        }
    }
    .f{
        height: 58px;
       
        line-height: 58px;
       .head1{
           height: 58px;
       } 
        h3{
            font-size: 22px;
            float: left;
            font-weight: normal;
        }
        .r{
            cursor: pointer;
            font-size: 16px;
            float: right;
            transition: 0.8s;
            &:hover{
                color: #ff6700;
            }
        }
        .f1{
            transform-style: preserve-3d;
            perspective: 800px;
            height: 614px;
          
            .l-c{
                transition: 0.5s;
                &:hover{
                    box-shadow: 4px 0 19px #ccc;
                    transform: translateZ(3px);
                }
                width: 234px;
                height: 614px;
                background-color: rgb(255, 255, 255);
                float: left;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .r-c{
                transform-style: preserve-3d;
                perspective: 800px;
                width: (1226px-234px);
                height: 614px;
                // background-color: aliceblue;
                float: left;
                line-height: 0;
                .o{
                    transition: 0.5s;
                    &:hover{
                        box-shadow: 4px 0 19px #ccc;
                        transform: translateZ(3px);
                    }
                    width: 234px;
                    //height: 300px;
                    height: 259.5px;
                    background-color: white;
                    float: left;
                    cursor: pointer;
                    padding: 20px 0;
                    text-align: center;
                    margin-left: ((992px-234*4)/4)
                    
                    
                   
                }
                .v{
                    margin-bottom: 14px;
                }
                img{
                    width: 160px;
                    height: 160px;
                    margin: 0 auto;
                    margin-bottom: 14px;
                } 
                h4{
                    font-weight: normal;
                    font-size: 14px; 
                    line-height: 26px;
                    float: none;
                    s{
                        text-decoration: line-through;
                        color: #B0B0B0;
                    }
                    
                } 
                .e11{
                    color: #ff6700;
                }
               .q11{
                   font-size: 12px;
                   color: #B0B0B0;
               }
                
            }
        }
    }
}
.rrr{
    min-height: 693px;
    background-color: rgb(245,245,245);
    padding-top:20px;
    .iu{
        height: 120px;
        margin-bottom: 20px;
        img{
            display: block;
            width: 100%;
        }
    }
    .g{
        height: 58px;
       
        line-height: 58px;
       .head1{
           height: 58px;
       } 
        h3{
            font-size: 22px;
            float: left;
            font-weight: normal;
        }
        .r{
            cursor: pointer;
            font-size: 16px;
            float: right;
            transition: 0.8s;
           a{transition: 0.4s;
               font-size: 16px;
               &:hover{
                   color: #ff6700;
                   border-bottom: 2px solid #ff6700;
               }
           }

        }
        .f1{
            transform-style: preserve-3d;
            perspective: 800px;
            height: 614px;
          
            .l-c{
                transition: 0.5s;
                &:hover{
                    box-shadow: 4px 0 19px #ccc;
                    transform: translateZ(3px);
                }
                width: 234px;
                height: 614px;
                background-color: rgb(255, 255, 255);
                float: left;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .r-c{
                transform-style: preserve-3d;
                perspective: 800px;
                width: (1226px-234px);
                height: 614px;
                // background-color: aliceblue;
                float: left;
                line-height: 0;
                .o{
                    transition: 0.5s;
                    &:hover{
                        box-shadow: 4px 0 19px #ccc;
                        transform: translateZ(3px);
                    }
                    width: 234px;
                    cursor: pointer;
                    height: 300px;
                    background-color: white;
                    float: left;
                    padding: 20px 0;
                    
                    text-align: center;
                    margin-left: ((992px-234*4)/4)

                    
                   
                }
                .v{
                    margin-bottom: 14px;
                }
                img{
                    width: 160px;
                    height: 160px;
                    margin: 0 auto;
                    margin-bottom: 14px;
                } 
                h4{
                    font-weight: normal;
                    font-size: 14px; 
                    line-height: 26px;
                    float: none;
                    s{
                        text-decoration: line-through;
                        color: #B0B0B0;
                    }
                    
                } 
                .e11{
                    color: #ff6700;
                }
               .q11{
                   font-size: 12px;
                   color: #B0B0B0;
               }
                
            }
        }
    }
}
.uuu{
    min-height: 714px;
}
.w1w1{
    transition: 0.5s;
    &:hover{
        box-shadow: 4px 0 19px #ccc;
        transform: translateZ(3px);
    }
    padding:0 15px;
    background-color: white;
    h4{
        width: 107px;
        font-size: 14px;
    }
    .e11{
        color: #ff6700;
    }
    padding-top: 36px;
    height: 143px;
    .e1w1{
        float: left;
    }
    img{
        height: 80px !important;
        width:  80px !important;
        float: right;
    }
    line-height: 24px !important;
    h1{
        font-size: 18px;
        font-weight: normal;
    }
    h6{
        font-size: 12px;
        font-weight: normal;
        color: #757575;}
        span{
            font-size: 48px !important;
            color: #ff6700;
            line-height: 60px;
        }
}
.reee{
    transform-style: preserve-3d;
            perspective: 800px;
    background-color: rgb(245,245,245) !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: translateZ(0) !important;
}
.rerre{
 margin-bottom: 15px;  
}
.f1{
    position: relative;
}
.uop{
    display: none !important;
    position: absolute;
    top: 0;
    left: 234px;
}
.kok{
    color: #ff6700;
                   border-bottom: 2px solid #ff6700;
}